<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 方式1 在html标签中添加事件 -->
		<button onclick="alert('按钮1被按了')">按钮1</button>
		<button onclick="foo2()">按钮2</button>
		<button id="btn3">按钮3</button>
		<button id="btn4">按钮4</button>
		<script>
			
			function foo2()
			{
				alert("按钮2被按了");
			}
			
			<!-- 方式2 通过js给元素添加事件 -->
			btn3.onclick = function(){
				alert("按钮3被按了")
			}
			
			<!-- 方式3 通过addEventListener事件处理 -->
			btn4.addEventListener("click",function(){
				alert("按钮4被按了aaa")
			});			
			btn4.addEventListener("click",function(){
				alert("按钮4被按了bbb")
			});		
		</script>
	</body>
</html>